<template>
	<view class="user-options-component">
		<view class="user-options-content">
			<view class="user-options-header">
				<view class="options-model">{{ productName || '暂无机型名' }}</view>
				<view
					class="close-image"
					@click="$emit('close')"
				>
					<image class="icon-close" src="https://s1.huishoubao.com/static/wechatMini/icon_close.png"></image>
				</view>
			</view>
			<scroll-view
				scroll-y="true"
				class="user-options-scroll"
			>
				<view class="user-options-body">
					<view class="user-options-list">
						<view
							v-for="(item, index) in list"
							:key="index"
							class="user-options-item"
						>{{ item.answer }}</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		productName: String,
		list: Array
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>